<script setup lang="ts">

</script>

<template>
  <div class="fixed flex gap-1 justify-start items-center h-15  py-3 bg-[#eaf6f4] rounded-xl">
    <div class="back-go  flex gap-0.5 ml--2">
      <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#3fcde5]" viewBox="0 0 16 16"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.25 3.75L5.75 8l4.5 4.25"/></svg>
      <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#3fcde5]" viewBox="0 0 16 16"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.75 12.25L10.25 8l-4.5-4.25"/></svg>
    </div>
    <div class="search w-60 h-8 bg-[#dae6e6] rounded-xl flex gap-1 justify-start items-center mx-2 pl-3">

      <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#3fcde5]" viewBox="0 0 16 16"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m11.25 11.25l3 3"/><circle cx="7.5" cy="7.5" r="4.75"/></g></svg>
      <input class=" grow   bg-[#dae6e6]  outline-none mr-5" placeholder="搜索音乐" />

    </div>
  </div>

</template>

<style scoped>

</style>